<template>
  <div>
    <h1>我是父组件</h1>
    <jerry ref="son" />
  </div>
</template>

<script>
import Jerry from './Jerry.vue'
export default {
  components: { Jerry },
  data() {
    return {
      money: 100
    }
  },
  mounted() {
    // 父组件 通过ref的方式直接访问子组件的属性和方法
    console.log(this.$refs.son.msg)
    this.$refs.son.fn()
  },
  methods: {
    sayhi() {
      console.log('hello  我有100块钱')
    }
  }
}
</script>

<style>

</style>
